﻿<%@ Page Title="materialinfo" Language="C#" MasterPageFile="~/EasyUI.master" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="jnxc.Web.materialinfo.List" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script type="text/javascript">        
         $(function () {
             InitGird();
             InitSearch();
         });
         //初始化表格
         function InitGird() {
             $('#tt').datagrid({
                 title: '物品列表', //表格标题
                 url: 'GetMaterial.ashx', //请求数据的页面
                 sortName: 'mname', //排序字段
                 idField: 'mid', //标识字段,主键
                 iconCls: '', //标题左边的图标
                 width: '100%', //宽度
                 //height: $(parent.document).find("#mainPanle").height() - 35 > 0 ? $(parent.document).find("#mainPanle").height() - 35 : 500, //高度
                 nowrap: false, //是否换行，True 就会把数据显示在一行里
                 striped: true, //True 奇偶行使用不同背景色
                 collapsible: false, //可折叠
                 sortOrder: 'desc', //排序类型
                 remoteSort: true, //定义是否从服务器给数据排序
                 fitColumns: true,
                 method: 'post',
                 columns: [[
                     { field: 'ckb', checkbox: true },
                     { title: '编号', field: 'mbh', width: 40, sortable: true },
                     { title: '名称', field: 'mname', width: 80, sortable: true },
                     { title: '型号', field: 'mtype', width: 50 },
                     { title: '功能', field: 'mfun', width: 100 },
                     { title: '参数', field: 'mpara', width: 350 },                     
                     {
                         title: '入库', field: 'mid', width: 50, formatter: function (value, row, index) {
                             return '<a style="color:red" href="javascript:" onclick="inData(' + value + ');$(this).parent().click();return false;">入库</a>';
                         }
                     }
                 ]],
                 toolbar: "#tab_toolbar",
                 queryParams: { "action": "query" },
                 pagination: true, //是否开启分页
                 pageNumber: 1, //默认索引页
                 pageSize: 20, //默认一页数据条数
                 rownumbers: true //行号
             });


         }
         //初始化搜索框
         function InitSearch() {
             $("#ipt_search").searchbox({
                 width: 200,
                 //iconCls: 'icon-save',
                 searcher: function (val, name) {
                     $('#tt').datagrid('options').queryParams.search_type = name;
                     $('#tt').datagrid('options').queryParams.search_value = val;
                     $('#tt').datagrid('reload');
                 },
                 prompt: '请输入查询信息'
             });
         }
         function inData(inmid)
         {
             $('#midin').val(inmid);
             $('#dlgin').dialog('open').dialog('setTitle', '入库');

         }
         function newUser() {
             //清空内容  
             $('#fm').form('clear');            

             $('#dlg').dialog('open').dialog('setTitle', '添加物品');
             document.getElementById("test").value = "add";
         }
         
         function editUser() {

             var row = $('#tt').datagrid('getSelected');
             if (row == null) {
                 $.messager.alert("提示", "请选择要修改的行！", "info");
             }
             if (row) {
                 $('#dlg').dialog('open').dialog('setTitle', '修改物品');
                 $('#mid').val(row.mid);
                 document.getElementById("test").value = "modify";
                 $('#fm').form('load', row);
             }
         }
         //添加        
         function saveUser() {
             var test = document.getElementById("test").value;
             var f = $('#fm');
             if (test == "add") {
                 f.form('submit', {
                     url: "GetMaterial.ashx?action=" + test,
                     onSubmit: function () {
                         return $(this).form('validate');
                     },
                     success: function (result) {
                         if (result.indexOf("T") == 0) {
                             $('#dlg').dialog('close');
                             $.messager.alert("提示", "恭喜您，信息添加成功", "info");
                             $('#tt').datagrid('reload');
                         }
                         else if ((result.indexOf("F") == 0)) {
                             $.messager.alert("提示", "添加失败，请重新操作！", "info");
                             return;
                         }
                         else if ((result.indexOf("L") == 0)) {
                             $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                             top.location = '/index.aspx';
                             return;
                         }
                     }
                 });

             } else {

                 $('#fm').form('submit', {
                     url: "GetMaterial.ashx?action=" + test,
                     onSubmit: function () {
                         return $(this).form('validate');
                     },
                     success: function (result) {
                         if (result.indexOf("T") == 0) {
                             $('#dlg').dialog('close');
                             $('#tt').datagrid('clearSelections');
                             $.messager.alert("提示", "恭喜您，信息修改成功", "info");
                             $('#tt').datagrid('reload');

                         }
                         else if ((result.indexOf("F") == 0)) {
                             $.messager.alert("提示", "添加失败，请重新操作！", "info");
                             return;
                         }
                         else if ((result.indexOf("L") == 0)) {
                             $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                             top.location = '/index.aspx';
                             return;
                         }
                     }
                 });
             }
         }
         function saveNum()
         {
             $('#fmin').form('submit', {
                 url: "GetMaterial.ashx?action=instock" ,
                 onSubmit: function () {
                     return $(this).form('validate');
                 },
                 success: function (result) {
                     if (result.indexOf("T") == 0) {
                         $('#dlgin').dialog('close');
                         $('#tt').datagrid('clearSelections');
                         $.messager.alert("提示", "恭喜您，入库成功", "info");
                         //$('#tt').datagrid('reload');

                     }
                     else if ((result.indexOf("F") == 0)) {
                         $.messager.alert("提示", "入库失败，请重新操作！", "info");
                         return;
                     }
                     else if ((result.indexOf("L") == 0)) {
                         $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                         top.location = '/index.aspx';
                         return;
                     }
                 }
             });

         }
         function removeUser() {
             var test = document.getElementById("test").value = "delete";
             var row = $('#tt').datagrid('getSelected');
             if (row == null) {
                 $.messager.alert("提示", "请选择要删除的行！", "info");
             }
             if (row) {
                 $.messager.confirm('提示', '你确定要删除这条信息吗？', function (r) {
                     if (r) {
                         $('#fm').form('submit', {
                             url: 'GetMaterial.ashx?mid=' + row.uid + "&action=" + test,
                             onSubmit: function () {
                                 //return $(this).form('validate');  
                             },
                             success: function (result) {
                                 if (result.indexOf("T") == 0) {
                                     $('#dlg').dialog('close');
                                     $('#tt').datagrid('clearSelections'); //清空选中的行  
                                     $.messager.alert("提示", "恭喜您，信息删除成功！", "info");
                                     //alert('恭喜您，信息删除成功！')  
                                     // close the dialog  
                                     $('#tt').datagrid('reload');
                                     //$('#fm').form('submit');

                                 }
                                 else if ((result.indexOf("F") == 0)) {
                                     $.messager.alert("提示", "添加失败，请重新操作！", "info");
                                     return;
                                 }
                                 else if ((result.indexOf("L") == 0)) {
                                     $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                                     top.location = '/index.aspx';
                                     return;
                                 }
                             }
                         });
                     }
                 })
             }
         }

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table id="tt">
    </table>
    <div id="tab_toolbar" style="padding: 4px;">
        <table cellpadding="0" cellspacing="0" style="width: 100%">
            <tr>

                <td style="padding-left: 2px">


                    <a href="#" onclick="newUser();" id="a_add"
                        class="easyui-linkbutton" iconcls="icon-add">添加</a>
                    <a href="javascript:void(0)" onclick="editUser() " class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
                    <a href="#" onclick="removeUser();return false;" id="a_del" class="easyui-linkbutton" iconcls="icon-cancel">删除</a>

                </td>
                <td style="text-align: right; padding-right: 15px">
                    <input id="ipt_search" menu="#search_menu" />
                    <div id="search_menu" style="width: 120px">
                        <div name="usernum">
                            名 称
                        </div>
                        <div name="username">
                            编 号
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div id="dlg" class="easyui-dialog" style="width: 400px; height: auto; padding: 10px 20px"
        data-options="closed:true,buttons:'#dlg-buttons',shadow:false">       
        
        <form id="fm" method="post">
            <div class="fitem">
                <label>编号：</label>
                <input id="mbh" name="mbh" class="easyui-validatebox" data-options="validType:'length[1,8]'" />
            </div>

            <div class="fitem">
                <label>名称：</label>
                <input id="mname" name="mname" class="easyui-validatebox" data-options="required:true,validType:'length[1,8]'" />
            </div>
            <div class="fitem">
                <label>型号：</label>
                <input id="mtype" name="mtype" class="easyui-validatebox" data-options="required:true" />
                <input name="Test" id="test" type="hidden" />
                <input name="mid" id="mid" type="hidden" />                
            </div>          
            <div class="fitem" style="height:auto;">
                <label>功能：</label>
                 <textarea id="mfun" name="mfun" style="width: 150px;" rows="5"></textarea>                
            </div>
            <div class="fitem"  style="height:auto;">
                <label>参数：</label>
                 <textarea id="mpara" name="mpara" style="width: 150px;" rows="5"></textarea>                
            </div>           
           
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="saveUser()">保存</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#dlg').dialog('close')">关闭</a>
    </div>
    
     <div id="dlgin" class="easyui-dialog" style="width: 400px; height: auto; padding: 10px 20px"
        data-options="closed:true,buttons:'#in-buttons',shadow:false">       
        
        <form id="fmin" method="post">            
            <div class="fitem">
                <label>入库数量：</label>
                <input id="snum" name="snum" class="easyui-numberbox" data-options="min:0,precision:2" />
                
                <input name="midin" id="midin" type="hidden" />                
            </div> 
        </form>
    </div>
    <div id="in-buttons">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="saveNum()">保存</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#dlgin').dialog('close')">关闭</a>
    </div>
</asp:Content>